<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <!-- import CSS -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
</head>
<body>
<div id="app" style="width: 500px;height: 500px;margin: 0 auto;">
<!--    <img src="image/head/11.gif"/>-->
    <img :src=`image/head/${userInfo.head}` /><BR/>
    <el-descriptions class="margin-top" title="个人信息"  :column="1" :size="3" >
        <template slot="extra">
            <el-button type="primary" size="small">操作</el-button>
        </template>
        <el-descriptions-item>
            <template slot="label" >
                用户名</template>
            {{userInfo.uname}}
        </el-descriptions-item>
        <el-descriptions-item>
            <template slot="label">
                性别</template>
            {{userInfo.gender}}
        </el-descriptions-item>
<!--        <el-descriptions-item>-->
<!--            <template slot="label">-->
<!--                手机号-->
<!--            </template>-->
<!--            {{telephone}}-->
<!--        </el-descriptions-item>-->
<!--        <el-descriptions-item>-->
<!--            <template slot="label">-->
<!--                IP-->
<!--            </template>-->
<!--            {{IP}}-->
<!--        </el-descriptions-item>-->
        <el-descriptions-item>
            <template slot="label">
                注册时间
            </template>
            {{userInfo.regtime}}
        </el-descriptions-item>
<!--        <el-descriptions-item>-->
<!--            <template slot="label">-->
<!--                联系地址-->
<!--            </template>-->
<!--            {{address}}-->
<!--        </el-descriptions-item>-->
    </el-descriptions>
</div>
</body>
<!-- import Vue before Element -->
<script src=" https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script>
<!-- import JavaScript -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script>

    new Vue({
        el: '#app',
        data:{
            userInfo:{},
        },
        methods:{
            getInfo(){
                var _this=this;
                _this.userInfo=JSON.parse(sessionStorage.getItem("userI"));
            }
        },
        mounted:function (){
            this.getInfo();
        }
    })
</script>
</html>